/* 全局样式 */

// 重置样式
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

// 定义变量
:root {
  --primary-color: #1890ff;
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
  --font-size-small: 24px;
  --font-size-base: 28px;
  --font-size-large: 32px;
}

// 通用样式
.container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-size: var(--font-size-base);
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-primary {
  color: var(--primary-color);
}

// 适配不同设备
@media screen and (min-width: 768px) {
  :root {
    --font-size-small: 26px;
    --font-size-base: 30px;
    --font-size-large: 36px;
  }
}
